<!-- 新建订单 弹出层 start -->
<div id="dingdanShadow" class="o dn pr">
    <div class="dingdanShadowBox palt">
        <div class="dingdanShadowBoxBox o">
        <form class="layui-form">
            <div class="dingdanTop">
                <dl class="dingdanCom pr">
                    <dt class="palt">*</dt>
                    <dd class="text w120 o">
                        <span class="ib title fl">品种名称：</span>
                        <input type="text" class="fl txt" placeholder="点击输入">
                    </dd>
                </dl>
                <div class="newDingdanThr o">
                    <div class="w120 o">
                        <dl class="dingdanCom fl pr">
                            <dt class="palt">*</dt>
                            <dd class="text o">
                                <span class="ib title fl">商品品牌：</span>
                                <input type="text" class="fl txt" placeholder="点击输入">
                            </dd>
                        </dl>
                        <dl class="dingdanCom fl pr">
                            <dt class="palt">*</dt>
                            <dd class="text o">
                                <span class="ib title fl">商品规格：</span>
                                <input type="text" class="fl txt" placeholder="点击输入">
                            </dd>
                        </dl>
                        <dl class="dingdanCom fl pr">
                            <dt class="palt">*</dt>
                            <dd class="text o">
                                <span class="ib title fl">规格型号：</span>
                                <input type="text" class="fl txt" placeholder="点击输入">
                            </dd>
                        </dl>
                    </div>
                </div>
                <dl class="dingdanCom pr">
                    <dt class="palt">*</dt>
                    <dd class="text w120 c pr">
                        <span class="ib title fl">品种类别：</span>
                        <select name="city" class="comSelect" lay-verify="required">
                            <option value="">请选择</option>
                            <option value="0" >品种类别A</option>
                            <option value="1">品种类别B</option>
                            <option value="2">品种类别C</option>
                            <option value="3">品种类别D</option>
                            <option value="4">品种类别E</option>   
                        </select>
                    </dd>
                </dl>
                <dl class="dingdanCom dingdanComHetong pr">
                    <dt class="palt">*</dt>
                    <dd class="text w120 c pr">
                        <span class="ib title fl">与其关联的合同：</span>
                        <select name="city" class="comSelect" lay-verify="required"> 
                            <option value=""></option>
                            <option value="0">合同A</option>
                            <option value="1">合同B</option>
                            <option value="2">合同C</option>
                            <option value="3">合同D</option>
                            <option value="4">合同E</option>
                        </select>
                    </dd>
                </dl>
                <dl class="dingdanCom selectInput pr" style="padding-bottom:10px;">
                    <dt class="palt">*</dt>
                    <dd class="text o">
                        <span class="ib title fl">与其关联的项目：</span>
                        <input type="text" style="width:176px;" class="fl txt clickSelect clickSelectOne" placeholder="请选择" readonly="readonly">
                        <input type="hidden" class="multipleSelect multipleSelectOne">
                        <span class="arrow cp" style="left:284px;"></span>    
                    </dd>
                    <dd class="multipleSelect multipleSelectOne layui-anim dn"> 
                        <span data-value="1" data-nnum="55">项目AAA</span>
                        <span data-value="2" data-num="66" class="spanHover">项目BBB</span>
                        <span data-value="3" data-num="77">项目CCC</span>
                        <span data-value="4" data-num="88">项目DDD</span>
                    </dd>
                </dl>
                <ul class="xiangmuList">
                    <li>
                        <span class="cp"></span>
                        <span class="text">项目名称2</span>
                        <span class="num">（55）</span>               
                    </li>
                    <li>
                        <span class="cp"></span>
                        <span class="text">项目名称2</span>
                        <span class="num">（55）</span>               
                    </li>
                    <li>
                        <span class="cp"></span>
                        <span class="text">项目名称2</span>
                        <span class="num">（55）</span>               
                    </li>
                </ul>   
                <div class="newDingdanTwo o">
                    <div class="w120 o">
                        <dl class="dingdanCom fl pr">
                            <dt class="palt">*</dt>
                            <dd class="text o">
                                <span class="ib title fl">计划单价：</span>
                                <input type="text" class="fl txt" placeholder="点击输入">
                                <span class="part yuan">元</span>
                            </dd>
                        </dl>
                        <dl class="dingdanCom fl pr">
                            <dt class="palt">*</dt>
                            <dd class="text o">
                                <span class="ib title fl">实际单价：</span>
                                <input type="text" class="fl txt" placeholder="点击输入">
                                <span class="part yuan">元</span>
                            </dd>
                        </dl>
                    </div>
                </div>
                <div class="newDingdanTwo o">
                    <div class="w120 o">
                        <dl class="dingdanCom fl pr">
                            <dt class="palt">*</dt>
                            <dd class="text o">
                                <span class="ib title fl">计划总价：</span>
                                <input type="text" class="fl txt" placeholder="点击输入">
                                <span class="part yuan">元</span>
                            </dd>
                        </dl>
                        <dl class="dingdanCom fl pr">
                            <dt class="palt">*</dt>
                            <dd class="text o">
                                <span class="ib title fl">实际总价：</span>
                                <input type="text" class="fl txt" placeholder="点击输入">
                                <span class="part yuan">元</span>
                            </dd>
                        </dl>
                    </div>
                </div>
                <dl class="dingdanCom pr">
                    <dt class="palt">*</dt>
                    <dd class="text w120 o">
                        <span class="ib title fl">采购数量：</span>
                        <input type="text" class="fl txt" placeholder="请连同单位一起填写">
                    </dd>
                </dl> 
                <dl class="dingdanCom selectInput pr">
                    <dt class="palt">*</dt>
                    <dd class="text o">
                        <span class="ib title fl">请选择采购员：</span>
                        <input type="text" onclick="selectPerson()" style="width:176px;" class="fl txt" placeholder="请选择" readonly="readonly">
                        <span class="arrow cp" style="left:270px;"></span> 
                    </dd>
                </dl> 
                <dl class="dingdanCom diandanTime pr">
                    <dt class="palt">*</dt>
                    <dd class="text o pr">
                        <span class="ib title fl">计划到库日期：</span>
                        <input type="text" class="fl txt" id="jihuTime" placeholder="请选择到库日期">
                        <span class="part yuan"></span>           
                    </dd>
                </dl>
                <script type="text/javascript">
                (function(){
                    layui.use('laydate', function(){
                        var laydate = layui.laydate;
                        laydate.render({
                            elem: '#jihuTime',
                            type: 'datetime',
                            format: 'yyyy-MM-dd HH:mm'
                        });
                    });
                })();
                </script>
                <dl class="dingdanCom dingdanFujian selectInput pr">
                    <dt class="palt">*</dt>
                    <dd class="text o pr">
                        <span class="ib title fl">材料入库单附件上传：</span>
                        <input type="text" style="width:176px;" class="fl txt" placeholder="请选择上传" readonly="readonly">
                        <span class="arrow cp" style="left:315px;"></span> 
                    </dd>
                </dl>
                <div class="fujianUpload">
                    <ul class="fujianUpload w120 o">
                        <li>
                            <span class="ib cp palt"></span>
                            <img src="__ROOT__/static/web/images/img69.png" alt="">
                        </li>
                        <li>
                            <span class="ib cp palt"></span>
                            <img src="__ROOT__/static/web/images/img69.png" alt="">
                        </li>
                        <li>
                            <span class="ib cp palt"></span>
                            <img src="__ROOT__/static/web/images/img69.png" alt="">
                        </li>
                        <li>
                            <span class="ib cp palt"></span>
                            <img src="__ROOT__/static/web/images/img69.png" alt="">
                        </li>
                    </ul>
                </div>                             
            </div>
            <div class="dingdanBot" style="padding-bottom:40px;">
                <input type="submit" class="submit" value="确认新建订单">
            </div>
        </div>
        </form>
    </div>
</div>
<!-- 新建订单 弹出层 end -->
<script type="text/javascript">
// 新建订单
function createDingdan(){
    layer.open({
        type: 1,
        scrollbar:false,
        title: ['新建订单', 'font-size:18px;'],
        skin: 'layui-layer-rim', //加上边框
        area: ['650px', '650px'], //宽高
        content: $("#dingdanShadow")
    });
};
</script>